<template>
  <div id="h">
    <div id="header">
      <span>新冠疫苗接种查询</span>
      <!-- <h2>阿拉尔市疫苗接种管理系统客户端</h2> -->
    </div>
    <el-row>
      <el-button id="cha" type="success" @click="fanhui" plain>返回</el-button>
    </el-row>

    <div id="h4"><h4>基本信息</h4></div>
    <div id="h5">
      <h5>姓名：{{list.name}}</h5>
      <h5>性别：{{list.sex}}</h5>
      <h5>出生日期：{{list.chudata}}</h5>
      <h5>身份证号：{{list.shenfen}}</h5>
      <h5>户籍地址：{{list.dizhi}}</h5>
    </div>

    <div>
      <div id="h4"><h4>第1剂</h4></div>
      <div id="h5">
        <h5>疫苗名称：新冠疫苗</h5>
        <h5>疫苗类型：{{list.leixing}}</h5>
        <h5>接种时间：{{list.jiedata1}}</h5>
        <h5>接种单位：{{list.danwei}}</h5>
      </div>
      <div id="h4"><h4>第2剂</h4></div>
      <div id="h5">
        <h5>疫苗名称：新冠疫苗</h5>
        <h5>疫苗类型：{{list.leixing}}</h5>
        <h5>接种时间：{{list.jiedata2}}</h5>
        <a href="#"><h5>接种单位：{{list.danwei}}</h5></a>
      </div>
      <div id="h4"><h4>第3剂</h4></div>
      <div id="h5">
        <h5>疫苗名称：新冠疫苗</h5>
        <h5>疫苗类型：{{list.leixing}}</h5>
        <h5>接种时间：{{list.jiedata3}}</h5>
        <h5>接种单位：{{list.danwei}}</h5>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      qid:"",
      list:{},
    }
  },
  created() {
    this.getParams();
    this.query();
  },
  methods: {
    fanhui() {
      this.$router.replace({ path: "/user",query : {nameId : this.qid} });
    },
    getParams: function() {
      this.qid = this.$route.query.nameId;
    },
    query() {
       this.$api_x.__api_one_users(this.qid).then(data =>{
         this.list = data;
       });
     }
    },
};
</script>

<style>
#h {
  position: relative;
  width: 400px;
  margin: 0 auto;
}
#header {
  width: 100%;
  height: 50px;
  padding-top: 0;
  background-color: rgb(136, 219, 95);
}
#header span {
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
#cha {
  position: absolute;
  left: 3px;
  top: -41px;
}
#h4 {
  height: 30px;
  margin-top: 10px;
  padding-left: 40px;
  margin-bottom: 10px;

  background-color: rgb(174, 214, 194);
}
#h4 h4 {
  text-align: left;
  line-height: 30px;
}
#h5 {
  padding-top: 1px;
  padding-left: 40px;
  padding-bottom: 1px;
}
#h5 h5 {
  text-align: left;
}
</style>
